<template>
  <div>
    <el-input v-model="input" style="width: 240px" placeholder="Please input" /> {{ input }}
    <hr>
    <el-input show-password v-model="input" style="width: 240px" placeholder="Please input" clearable />
  </div>
  <hr>
  图标输入框：
  <el-input
      v-model="input"
      style="width: 240px"
      placeholder="Pick a date"
      suffix-icon="Calendar"
      prefix-icon="VideoCameraFilled"
    />
    <hr>
    <el-input
    v-model="textarea"
    style="width: 240px"
    :rows="2"
    autosize
    type="textarea"
    placeholder="Please input"
  />
  <hr>
  姓名：<el-input @blur="onBlur" @input="onIn" v-model="name" style="width: 240px" placeholder="Please input" />
</template>

<script setup>
import { ref } from 'vue'
const input = ref('')
const textarea = ref('')
const name = ref('')

const onBlur = e=>{
  console.log(e);
}

const onIn = e=>{
  console.log(e);
}
</script>

<style lang="scss" scoped>

</style>